//out:../css/record.css
@import url(../introduce.less);
.topPreset{
    position: fixed;
  }

// 站位
.zhanwei{
    width: 100%;
    height: (50/@rem);
    display: flex;
    align-items: center;
    background-color: #fff;
  }

//   .time {
//     width: 345./@rem;
//     height: 120./@rem;
//     background: @white;
//     border-radius: 10./@rem;
//     margin: 15./@rem;
    
//     .go {
//         font-size: 14./@rem;
//         color: @textColor;
//         line-height: 60./@rem;
//         margin-left: 15./@rem;
//         display: flex;
//         justify-content: space-between;
//         border-bottom: 1./@rem solid #FFF4F4F4;
//         span {
//             font-size: 14./@rem;
//             color: @text2Color;
//             padding-right: 17./@rem;
//         }
//     }
//     .back {
//         font-size: 14./@rem;
//         color: @textColor;
//         line-height: 60./@rem;
//         margin-left: 15./@rem;
//         display: flex;
//         justify-content: space-between;
//         position: relative;
//         span {
//             font-size: 14./@rem;
//             color: @text2Color;
//             position: absolute;
//             right: 36./@rem;
//             align-items: center;
           
//         }
//         img {
//             width: 24./@rem;
//             height: 24./@rem;
//             position: absolute;
//             top:19./@rem;
//             right: 11./@rem;
//         }
//     }
// }
// //出车/回车时间 
.time {
    position: relative;
    width: 345./@rem;
    height: 120./@rem;
    background: @white;
    border-radius: 10./@rem;
    margin: 15./@rem;  
    .go {
        font-size: 14./@rem;
        color: @textColor;
        line-height: 60./@rem;
        margin-left: 15./@rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 1./@rem solid #FFF4F4F4;
        span {
            font-size: 14./@rem;
            color: @text2Color;
            padding-right: 17./@rem;
        }
    }
    .back {
        
        font-size: 14./@rem;
        color: @textColor;
        line-height: 60./@rem;
        margin-left: 15./@rem;
        display: flex;
        justify-content: space-between;
        position: relative;
        span {
            font-size: 14./@rem;
            color: @text2Color;
            position: absolute;
            right: 36./@rem;
            align-items: center;
           
        }
        img {
            width: 24./@rem;
            height: 24./@rem;
            position: absolute;
            top:19./@rem;
            right: 11./@rem;
        }
    
    }
// // 获取时间
.abnormalTime{
    top: (70/@rem);
    left: (120/@rem);
    position: absolute;
    
    .cotent{
        display: none;
        .text{
            display: flex;
            .kinerDatePickerInput {
                width: (100/@rem);
                height: (40/@rem);
                background-color: #FFFFFF;
                border:(1/@rem)  solid orangered;
                font-size: (14/@rem);
                
                border-radius: (15/@rem);
                display: block;
                text-align: center;
                line-height: (40/@rem);
                color: #999999;
                margin-right: (10/@rem);
            }
            .confirm{
                margin-right: (10/@rem);
                width: (50/@rem);
                height: (40/@rem);
                background-color: green;
                color: #fff;
                font-size: @s14;
                text-align: center;
                border:none;
                line-height: (40/@rem);
                border-radius: (10/@rem);
            }
            .Cancel{
                margin-right: (10/@rem);
                width: (50/@rem);
                height: (40/@rem);
                background-color: #EF4F3F;
                color: #fff;
                font-size: @s14;
                text-align: center;
                border:none;
                line-height: (40/@rem);
                border-radius: (10/@rem);
            }
        }
   
    }
   
    display: flex;
}
}


//车辆违章/故障的顶部合并样式
.wrapper1, .wrapper2, .wrapper3 {
    width: 345./@rem;
    // height: 584./@rem;
    background-color: @white;
    margin: 15./@rem;
    border-radius: 10./@rem;
    .violation, .fault, .accident {
        width: 345./@rem;
        // height: 60./@rem;
        font-size: 14./@rem; 
        color: #2A2929; 
        padding-left: 15./@rem;
        position: relative;
        line-height: 60./@rem;
        border-bottom: 1./@rem solid #EEEEEE;
        .yes {
            font-size: 14./@rem;
            color: #818181;
            position: absolute;
            left: 204.5./@rem;
            top: 14./@rem;
            img {
                position: relative;
            }           
        }
        .span1 {
            position: absolute;
            top: 4./@rem;
            left: 241./@rem;
          }
        
        .no {
            font-size: 14./@rem;
            color: #818181;
            position: absolute;
            left: 277./@rem;
            top: 14./@rem;
            img {
                position: relative;
            }
        }
        .span2 {
            position: absolute;
            top: 4./@rem;
            left: 313./@rem;
          } 
    }
}



//车辆违章
//违章类型
//故障类型
.type {
    margin-top: -@s30;
}
    span {
        display: block;
        font-size: 14./@rem;
        color: #2A2929;
        margin-bottom: -@s20;
    }
    ul {
        display: flex;
        flex-wrap: wrap;
        // padding-bottom: 15./@rem;
        li {
            width: (95/@rem);

            background-color: #F4F4F4;
            border-radius: 10./@rem;
            margin-right:15./@rem;
            margin-top: 15./@rem;
            line-height: 40./@rem;
            text-align: center;
            margin-bottom: 15./@rem;
        }
        .active {
        width: 95px;
        height: 40px;
        background: #FFE0DD;
        border: 1px solid #EF4F3F;
        border-radius: 10px;
    }

    }

     // 请输入异常描述
     .text{
        position: relative;
        textarea{
            width: (315/@rem);
            height: (130/@rem);
            background-color: @backgroundColor;
            padding-top: @s11;
            padding-left:@s14 ;
            font-size: @s14;
            border-radius: @s8;
        }
        .num{
            position: absolute;
            right: @s15;
            bottom: @s10;
            font-size: @s14;
            color: @text2Color;
        }
       
    }
     // 上传图片
     .content{
        p {
            font-size: @s14;
            padding: @s18 0 @s16 @s22;
            color: @textColor;
        }
        .add{
            display: inline-block;
            width: (95/@rem);
            height: (95/@rem);
            background-color: #F2F2F2;
            margin-left: @s20;
            margin-bottom: @s20;
            text-align: center;
            line-height: (95/@rem);
            span{
                font-size: @s30;
                color:@text2Color;
            }
        }
    }


    .bottom {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: (70/@rem);
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-around;
        a {
            width: 207./@rem;
            height: 50./@rem;
            background-color: #EF4F3F;
            border-radius: 25./@rem;
            line-height: 50./@rem;
            font-size: @s16;
            color: #FFFFFF;
            text-align: center;
        }
    }
    // 底部站位
.dibuzhanwei{
    width: 100%;
    height: (104/@rem);
  }


 